<!--
@Author: 赵明洋 3016214077

@Date: 2018-12-12

@员工打卡界面

@Last Modified time: 2018-12-16-->
<div class="box">
  <div class="box-header">
    <h3 class="box-title">打卡查询明细</h3>

  </div>
  <a class ="btn btn-success btn-sm" (click) ="createSignIn()">
    <span class ="glyphicon glyphicon-plus"></span>上班打卡
  </a>
  &nbsp;
  &nbsp;
  <a class ="btn btn-success btn-sm" (click) ="createSignOut()" >
    <span class ="glyphicon glyphicon-plus"></span>下班打卡
  </a>

  <!-- /.box-header -->
  <div class="box-body table-responsive no-padding" >
    <table class="table table-hover">
      <tr>
        <th>打卡编号</th>
        <th>员工编号</th>
        <th>打卡日期</th>
        <th>上班打卡时间</th>
        <th>下班打卡时间</th>

      </tr>
      <tr *ngFor="let SignInRecord of  SignInRecords ; let i = index;">
        <td>{{SignInRecord.id}}</td>
        <td>{{SignInRecord.user_id}}</td>
        <td>{{SignInRecord.day}}</td>
        <td>{{SignInRecord.sign_in}}</td>
        <td>{{SignInRecord.sign_out}}</td>
        <td>
        </td>
      </tr>
      
    </table>
  </div>
  <!-- /.box-body -->
</div>